草庐IT

es 性能优化

全部标签

javascript - 如何导出 ES6 类并在另一个模块中构造它的实例?

使用Node.js版本7.7.2,我想从这样的模块中定义和导出ES6类://Foo.jsclassFoo{construct(){this.bar='bar';}}module.exports=Foo;然后将该类导入另一个模块并构造该类的实例,如下所示://Bar.jsrequire('./foo');varfoo=newFoo();varfooBar=foo.bar;但是,这种语法不起作用。我尝试做的事情是否可行?如果可行,实现此目标的正确语法是什么?谢谢。 最佳答案 您必须为此使用常规Node模块语法。您的示例代码中有一些错误。

javascript - 如何在括号中设置 jslint ES6 指令?

我收到此错误:“需要一个标识符,却看到了‘const’”,我正在使用括号文本编辑器。我找到了这个答案:“您需要指定es6指令。请参阅JSLint帮助”。但我无法弄清楚如何在括号中指定es6指令。这是我的代码:constsingleQuotes='Singlequotes';constdoubleQuotes="Doublequotes";conststringLiterals=`Stringliterlas`;constresult=singleQuotes+doubleQuotes+stringLiterals;document.querySelector('.basic').inn

javascript - 为什么解构的工作方式不同于 Javascript (ES6) 中的经典赋值?

正如您在这里看到的,我们将“fibonacci”设置为“可迭代”对象,并使用for..of:对其进行循环:letfibonacci={[Symbol.iterator](){letpre=0,cur=1;return{next(){[pre,cur]=[cur,pre+cur];return{done:false,value:cur}}}}}for(varnoffibonacci){//truncatethesequenceat1000if(n>1000)break;console.log(n);}正如forof循环中预期的那样,控制台日志写入1,2,3,5,8,..但是如果我写pre

javascript - PureComponent 与无状态功能组件的性能对比

考虑以下React代码:classTodosextendsReact.Component{constructor(props){super(props);this.state={item:'Test',};}render(){return}}classTodoItemextendsReact.PureComponent{render(){return{this.props.item}}}functionTodoItem(props){return{props.item}}上面有一个有状态的父组件Todos和同一个子组件的两个版本TodoItem。其中一个版本是纯组件,另一个是无状态功能

Javascript,扩展ES6类setter会继承getter

在Javascript中,具有以下说明代码:classBase{constructor(){this._val=1}getval(){returnthis._val}}classXtndextendsBase{setval(v){this._val=v}}letx=newXtnd();x.val=5;console.log(x.val);//prints'undefined'实例x不会从Base类继承getval()...。实际上,Javascript在存在setter的情况下将缺少getter视为未定义。我遇到的情况是,我有很多类都具有完全相同的一组获取方法,但设置方法各不相同。目前

javascript - 直接在html中使用ES6模块中定义的函数

我正在尝试完成一件非常简单的事情:我在一个javascript模块文件上有一些代码,我将它导入另一个javascript文件(不导出任何东西),我想调用其中的一些定义函数直接从HTML文件。让我们举一些发生在我身上的有代表性的最小例子(实际测试了代码并给出了我在真实问题中遇到的完全相同的问题,实际上并不比这个问题复杂多少):module.js:constmod=()=>'Hellothere!';export{mod};main.js:import{mod}from'./module.js';functionhello(){console.log(mod());}main.html:O

javascript - 如何提高 IE8 对大数据集的性能?

我有一个页面显示了大约300页的表格数据。Firefox、Chrome、Safari都可以正常工作,但IE7、8和8的兼容性View都很糟糕。当我尝试滚动或按下向上翻页/向下翻页按钮时,它会滞后几秒钟。分页、较小的数据集和其他可用性建议不适用于此页面。假设我别无选择,只能一次显示所有这些数据……我可以做些什么来调整它?数据是通过jQuery/Ajax加载的,这似乎至少在某种程度上是可疑的,因为当我创建一个测试页面来直接呈现结果时,它并不相当那么慢,但仍然不如其他浏览器那么活泼。我过去曾成功使用SlickGrid等jQuery插件来解决类似问题,但由于需要很长时间才能解释的原因,即使使用

javascript - 仅当 ES5 strict 中不存在时,如何定义全局变量?

我正在ES5中编写ESHarmonySymbol/Name的实现。我将使用名称Symbol,但我希望浏览器使用它已经存在的任何预先存在的Symbol(在未来的浏览器中).我希望我的代码严格兼容ES5并可移植到其他项目。这是在ES3/ES5非严格中做我想做的事情的一种(很多)方法:(function(){//IfSymbolalreadyexists,we'redone.if(typeofSymbol!='undefined')return;//Thisbecomesglobalbecauseitwasn'tdeclaredwithvarSymbol=function(){//...};

javascript - Grunt imagemin - 观看多个文件/文件夹优化单个文件?

是否可以使用grunt-contrib-imagemine和grunt-contrib-watch查看多个文件/文件夹但只优化单个文件?我这样试过:(gruntfile的一部分)imagemin:{dist:{cwd:'images/modules',files:['images/modules/**/*.{png,jpg,gif}'],dest:'images/modules'}},watch:{images:{files:['images/modules/**/*.{png,jpg,gif}'],tasks:['imagemin'],options:{spawn:false,}}}

javascript - 在 ES6 中,第一次调用迭代器的 `next` 方法时参数会发生什么变化?

如果你有一个生成器,比如,function*f(){//Beforestuff.leta=yield1;letb=yield2;return[a,b];}然后运行varg=f();//thisquestionisoverthisvalue.g.next(123);//returns:{value:1,done:false}g.next(456);//returns:{value:2,done:false}g.next();//returns:{value:[456,undefined],done:true}第一次调用.next()设置a为123,第二次调用设置b到456,但是在最后一次